<template>
        <div class="CaseDetail" style="width: 93%;margin: auto;">
			<table class="bj-tb" style="margin-top: 20px;" >
				<tr>
					<td style="width: 270px">申请人：</td>
					<td :title="detailInfo.applyMan" class="c-blue" colspan="5" style="width: 2500px">{{detailInfo.applyMan}}</td>
				</tr>
				<tr>
					<td>办件事项：</td>
					<td class="c-blue" :title="detailInfo.matterName" style="width: 600px">{{(detailInfo.matterName)}}</td>
					<td>办件天数：</td>
					<td class="c-blue" :title="detailInfo.doneTime" style="width: 600px">{{detailInfo.doneTime}}</td>
					<td>受理时间：</td>
					<td class="c-blue" :title="detailInfo.acceptTime" style="width: 600px">{{detailInfo.acceptTime}}</td>
				</tr>
				<tr>
					<td>应办结时间：</td>
					<td class="c-blue" :title="detailInfo.doneTime" style="width: 600px">{{detailInfo.doneTime}}</td>
					<td>办理部门：</td>
					<td class="c-blue" :title="detailInfo.applySource" colspan="3" style="width: 1580px">{{detailInfo.applySource}}</td>
				</tr>
			</table>
			<div class="normal-table wd-ma" style="width: 98%;">
				<div id="table01" class="jinshan-table sty3 table-tips" style="margin: 30px 42px;">
					<div class="jt-head ptb-less">
						<table cellspacing="0">
							<thead>
							<tr @click="showDetail()">
								<th>序号</th>
								<th>环节名称</th>
								<th>办理人(承办人)</th>
								<th>办理结果</th>
								<th>承办单位</th>
								<th>办理时间</th>
							</tr>
							</thead>
						</table>
					</div>
					<div class="jt-body ptb-less" style="height: 547px;">
						<table cellspacing="0">
							<tbody>
							<tr v-for="(item,index) in detailInfo.caseFlowList">
								<td :title="item.id">{{item.id}}</td>
								<td :title="item.lastState">{{item.lastState}}</td>
								<td :title="item.username">{{item.username}}</td>
								<td :title="item.result">{{item.result}}</td>
								<td :title="item.deptName">{{item.deptName}}</td>
								<td :title="item.createTime">{{item.createTime}}</td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
        </div>
</template>

<script>
    export default {
		name: 'wioc-case-detail',
        components: {
        },
		props:{
		    params: Object,
		    url:{
		        type: String		  
		    },
			type:{
				type:String,
				default:'post'
			}
		},
        data () {
            return {
                detailInfo:{
                    //主键
                    id: '',
                    //办件编号，全省统一，作为办件的唯一标识，由业务系统按规则自动生成
                    caseCode: '',
                    //案事件代码
                    matterCode: '',
                    //事项名称，根据选中的事项自动填写。例：交通建设工程施工许可
                    matterName: '',
                    //名称，承诺件/即办件
                    typeName: '',
                    //办件所属系统来源：卓繁
                    databus: '',
                    //工单类型10行政工单20共治工单30审批工单
                    orderType: '',
                    //办件上报类型bjm不见面yc一窗
                    sendType: '',
                    //工单标记(1:前台,2:后台,3:区分中心,4:职能局)办结/处理
                    orderSymbol: '',
                    //地域名称
                    areaName: '',
                    //地域代码
                    areaCode: '',
                    //地域类型
                    areaType: '',
                    //上报时间，申请时间，时间格式：yyyy-mm-dd hh24∶mi∶ss
                    applyTime: '',
                    //申请人的名称，如为个人，则填写姓名；如为法人，则填写单位名称
                    applyMan: '',
                    //上报申请联系方式
                    applyTel: '',
                    //上报申请微信用户
                    applyWxOpenid: '',
                    //上报申请微信应用类型
                    applyWxType: '',
                    //申请证件类型，申请人提供的有效证件名称，包括身份证、组织机构代码证等
                    applyCardType: '',
                    //申请证件号码，申请人提供的有效证件的识别号。如身份证号码：330102198805059786
                    applyCardNo: '',
                    //联系人/代理人姓名
                    contantMan: '',
                    //联系人/代理人证件类型
                    contantCardType: '',
                    //联系人/代理人证件号码
                    contantCardNo: '',
                    //联系人联系电话
                    contantTel: '',
                    //邮编，申请人联系地址对应的邮政编码
                    postCode: '',
                    //通信地址，申请人的联系地址
                    location: '',
                    //坐标经度
                    mapLat: '',
                    //坐标纬度
                    mapLng: '',
                    //法人姓名，申请人是法人时需要填写
                    legalPerson: '',
                    //申请来源，标识办件的申请源头，如政务服务门户、实体政务大厅等
                    applySource: '',
                    //项目编号，有注册项目的需要填写项目编号，同国家投资项目管理监管平台中的编号保持一致。
                    projectNo: '',
                    //最后时间
                    lastTime: '',
                    //政务服务人员所在部门ID
                    recvUnitId: '',
                    //政务服务人员所在部门，进行受理操作的用户所在部门
                    recvUnitName: '',
                    //受理时间，时间格式：yyyy-mm-dd　hh24∶mi∶ss
                    acceptTime: '',
                    //政务服务人员ID
                    recvUserId: '',
                    //政务服务人员名称，登录业务系统进行受理操作的当前用户姓名
                    recvUsername: '',
                    //受理文书编号
                    acceptNo: '',
                    //办理人员姓名ID
                    dealUserId: '',
                    //办理人员人员名称
                    dealUsername: '',
                    //办结时间
                    doneTime: '',
                    //办件结果描述
                    doneResultDesc: '',
                    //结果时效,办件结果的时效
                    doneDuration: '',
                    //办结备注
                    doneRemark: '',
                    //办理结果，准予许可、不予许可、转报
                    doneResult: '',
                    //结果证照编号
                    doneCardNo: '',
                    //办件结果电子文书，证照批文信息
                    doneCard: '',
                    //提前时间
                    presetDays: '',
                    //是否预警
                    isWarning: '',
                    //是否超期
                    isOvertime: '',
                    //是否红牌
                    isRed: '',
                    //是否黄牌
                    isYellow: '',
                    //备用1
                    spare1: '',
                    //备用2
                    spare2: '',
                    caseFlowList: [{
                        //办件流程ID
                        id: '',
                        //工单编号
                        caseCode: '',
                        //流程操作渠道0默认平台
                        flowType: '',
                        //审批人ID
                        userId: '',
                        //审批人姓名
                        username: '',
                        //审批意见
                        content: '',
                        //环节开始时间
                        beginTime: '',
                        //环节结束时间
                        endTime: '',
                        //办理环节名称
                        lastState: '',
                        //下一环节名称
                        nextState: '',
                        //单位ID
                        deptId: '',
                        //单位名称
                        deptName: '',
                        //业务动作：通过、退回、其他
                        result: '',
                        //操作时间
                        createTime: '',
                        //描述
                        description: '',
                    }],
                },
            }
        },
        mounted(){
            this.getDetailInfo();
        },
        methods: {
            getDetailInfo(){
				this.$axios[this.type](this.url, {params:this.params})
				  .then(function (response) {
				    // handle success
					this.detailInfo = response.detailInfo;
				  })
				  .catch(function (error) {
				    // handle error
				    console.log(error);
				  })
            },
        },
        watch:{
           
        }
    }

</script>
<style lang="less">
    .bj-tb{
        font-size: 16px;
    }
    .lc-img{
        width: 2850px;
        height: 106px;
        background-image: url("./img/bllc.png");
        margin:50px auto;
    }
    td {
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        span{
            width: 100%;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
    }
</style>
